<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <link rel="stylesheet" href="./css/rest.css">
    <script src="js/count.js"></script>
    <script src="js/data.js"></script>
    <title>倒计时</title>
    <style type="text/css">
    	body,html{
    		width: 100%;
    		height: 100%;
    		display: flex;
    		align-items: center;
    		justify-content: center;
    		flex-wrap: wrap
    	}
        canvas{
        	height: 18rem;
        }
        p{
        	position: absolute;
        	top: 2rem;
        	text-align: center;
        	font-size: 2rem;
        }
    </style>
</head>

<body>
    <p>倒计时</p>
    <canvas id="canvas"></canvas>
    <script>
    <!--	document.oncontextmenu = function () {
        return false;
    };

    window.onkeydown = function (e) {
        e.preventDefault();
    };

    var h = window.innerHeight, w = window.innerWidth;
    window.onresize = function () {
        if (h != window.innerHeight || w != window.innerWidth) {
            // window.close();
            // window.location = "about:blank";
            window.open("about:blank","_self").close()   
        }
    };

    if (document.all) {
        document.onselectstart = function () {
            return false;
        }
    } else {
        document.onmousedown = function () {
            return false;
        }
        document.onmouseup = function () {
            return true;
        }
    };

    document.onselectstart = function (e) {
        e.preventDefault();
    } --!>
    </script>
</body>
</html>